<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">

<ui:composition>

    <h:panelGroup id="buttonsPanel">
        <div class="buttonwrapper" align="center">
            <table>
                <tr>
                    <td>
                        <h:commandLink rendered="#{empty timeViewBean.currentTime}"
                                       styleClass="ovalbutton">
                            <span>#{localizer.localized('START')}</span>
                            <f:ajax render="timeTable buttonsPanel" listener="#{timeViewBean.start}" onerror="ajaxErrorsHandler"/>
                        </h:commandLink>
                        <h:commandLink rendered="#{not empty timeViewBean.currentTime and timeViewBean.currentTime.running}"
                                        styleClass="ovalbutton">
                            <span>#{localizer.localized('PAUSE')}</span>
                            <f:ajax render="timeTable buttonsPanel" listener="#{timeViewBean.pause}" onerror="ajaxErrorsHandler"/>
                        </h:commandLink>
                        <h:commandLink rendered="#{not empty timeViewBean.currentTime and not timeViewBean.currentTime.running}"
                                       styleClass="ovalbutton">
                            <span>#{localizer.localized('CONTINUE')}</span>
                            <f:ajax render="timeTable buttonsPanel" listener="#{timeViewBean.play}" onerror="ajaxErrorsHandler"/>
                        </h:commandLink>
                        <h:commandLink rendered="#{not empty timeViewBean.currentTime and empty timeViewBean.currentTime.stopTime}"
                                       styleClass="ovalbutton">
                            <span>#{localizer.localized('STOP')}</span>
                            <f:ajax render="timeTable buttonsPanel" listener="#{timeViewBean.stop}" onerror="ajaxErrorsHandler"/>
                        </h:commandLink>
                    </td>
                </tr>
            </table>
        </div>
    </h:panelGroup>

</ui:composition>

</html>